<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>onload</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="../../jsfile/layer.css"/>
    <script src="../../jsfile/jquery.js"></script>
    <script src="../../jsfile/layer.js"></script>
    <script src="../../jsfile/base.js"></script>

    <script type="text/javascript">
        //onload事件的方法
        function onloadFun(){
            alert("静态注册onload事件,所有代码");
        }

        //onload事件动态注册,是固定写法
        window.onload = function (){
            alert("动态注册的onload事件");
        }

    </script>


</head>
<!--静态注册onload事件-->
<!--<body onload="onloadFun()">-->
<body>
<p id="text_show">
    常用的事件:<br/>
    onload 加载完成事件:  页面加载完成之后,常用于做页面js代码的初始化操作<br/>
    onclick 单击事件：   常用于按钮的点击响应操作<br />
    onblur 失去焦点事件：  常用于输入框失去焦点后验证其输入的内容是否合法<br/>
    onchange 内容发生改变事件： 常用于下拉列表和输入框内容发生改变后的操作<br/>
    onsubmit 表单提交事件:常用于表单提交钱,验证所有的表单项是否合法<br/>

    事件的注册又分为静态注册和动态注册两种：<br/>
    什么是事件的注册(绑定)?<br/>
    其实就是告诉浏览器,当事件响应后要执行哪些操作的代码,叫做事件的注册或者事件的绑定<br/>
    静态注册事件：通过html标签的事件属性直接赋予事件响应后的代码,这种叫做静态注册<br/>
    动态注册事件:指的是先通过Js代码得到标签的dom对象,然后通过dom对象.事件名=function(){}这种形式赋予响应后的代码,叫做动态注册<br/>
    动态注册的基本步骤：<br/>
    1.获取标签对象<br/>
    2.标签对象.事件名 = function(){}
</p>
<div class="look_source_code" onclick="getPageContent()">查看源码</div>

</body>


</html>


